<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no">
    <title>新闻详情</title>
    <!-- 导入字体图样式 -->
    <link rel="stylesheet" href="../../Public/iconfont/iconfont.css">
    <!-- 导入公共css样式 -->
    <link rel="stylesheet" href="../../Public/css/common.css">
    <!-- 导入头部导航的JS样式 -->
    <!-- <script src="../../Public/js/utils.js"></script> -->
    <!-- 导入JQuery库js样式 -->
    <script src="../../Public/js/jQuery.mini.js"></script>
    <!-- 导入文档的CSS样式 -->
    <link rel="stylesheet" href="../css/newsDetail.css">
    <!-- 导入文档的JS样式 -->
    <script src="../js/newsDetail.js"></script>
    <!-- 头部导航 -->
    <script>
        window.onload = function() {      
            headerOfnewsdetail.addHeader(1, '新闻详情', `<span class="collect iconfont icon-wodeshoucang f10 ml-20"></span> <span class="header_share iconfont icon-fenxiang"></span > `, 1);      
            // utils.addFooter(1); 
            $(function() {
                $('.header_share').on('click', function() {
                    $('.share').slideDown(100);
                    $('.mask').fadeTo(100, 0.2)
                });
                // 点击 取消  选择栏消失
                $('.cancel').click(function() {
                        $('.share').slideUp(100);
                        $('.mask').fadeTo(100, 0)

                    })
                    // 点击 微信  选择栏消失
                $('.icon').click(function() {
                        $('.share').slideUp(100);
                        $('.mask').fadeTo(100, 0)
                    })
                    // 点击 取消  选择栏消失
                $('.icon').click(function() {
                        $('.share').slideUp(100);
                        $('.mask').fadeTo(100, 0)
                    })
                    // 点击 取消  选择栏消失
                $('.icon').click(function() {
                    $('.share').slideUp(100);
                    $('.mask').fadeTo(100, 0)
                });
                $('.collect').click(function() {
                    $('.save').show();
                    $(this).html(' <span class="collect_a iconfont icon-shoucang1"></span>')
                    var timer = setInterval(function() {
                        $('.save').fadeOut();
                    }, 1500);
                });
                $('.collect_a').off('click').on('click', function() {
                    $('.save').show().children('.tip').html('nihao')
                })
            });   
        };
    </script>
</head>

<body>
    <div class="box3">
        <div class="title f18">我司入选“2017中关村高成长企业TOP100”</div>
        <p class="releasetime f12">
            <span>发布时间：</span>
            <span>2021-09-09 10:08</span>
        </p>
        <p class="issuer f12">发布人：晁文琦</p>
        <div class="img">
            <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/新闻详情/u9430.png" alt="">
        </div>
        <p class="contain f13 mt-20">
            地球一小时是世界自然基金会应对全球气候变化所提出的一项全球性节能活动，提倡于每年三月最后一个星期六的当地时间晚上八点三十分，家庭及商界用户关上不必要的电灯及耗电产品一小时，以此来表明他们对气候变化行动的支持。<br> 在没有电没有光的一小时里，在民宿里我们可以做各种各样好玩的事儿，来武汉房东Kenny的民宿来一场夜话会吧，和爱彼迎房东一起，通过对话及分享的方式让更多的人关注自然的，号召更多的人行动起来，共创一个美好的未来!
        </p>
        <div class="line"></div>
        <div class="tips f-12">
            <span>阅读</span>
            <span>1000</span>
            <span>收藏</span>
            <span>300</span>

        </div>
    </div>
    <div class="way">
        <span class="qq iconfont icon-ruzhi"></span>
        <span class="mainpage iconfont icon-yyzhuye3"></span>
    </div>
    <!-- 分享 -->
    <div class="share">
        <div class="please f12 ">分享</div>
        <div class="cell">
            <span class="icon">
                    <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/新闻详情/u9446.png" alt="">
                   <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/新闻详情/u9447.png" alt="" class="icon_a">
                <span class="name">微信</span>
            </span>
            <span class="icon">
                        <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/新闻详情/u9455.png" alt="">
                    <span class="name">朋友圈</span>
            </span>
            <span class="icon">
                        <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/新闻详情/u9446.png" alt="">
                       <img src="https://www.pmdaniu.com/storages/128883/c30852cb8b54afb8568d1f9db2822068-57026/images/新闻详情/u9451.png" alt="" class="icon_a">
                    <span class="name">QQ</span>
            </span>
        </div>
        <div class="cancel mt-10 ">
            <p>取消</p>
        </div>
    </div>
    <div class="save" style="display:none">
        <span class="icon"></span>
        <span class="tip">收藏成功</span>
    </div>
    <div class="mask"></div>
</body>

</html>